<template>
  <AppHeader title="重点词组归纳" :banAnimate="true">
    <template #left>
      <img
        @click="onClickLeft"
        src="@/assets/images/icon-back-black.png"
        width="9"
        height="18"
      />
    </template>
  </AppHeader>
  <div class="container">
    <div class="content">
      <img
          src="@/assets/images/complete.png"
          width="76"
          height="86"
          class="img"
        />
        <div class="text">提交成功</div>
        <div class="countTime">学习用时：{{time}}S</div>
    </div>
   </div>

</template>
<script setup>
import { onMounted, reactive,ref} from "vue";
import { useRouter } from "vue-router";
import { request } from "@/api/request";

import AppHeader from "@/components/AppHeader.vue";
const router = useRouter();
const time = sessionStorage.getItem('time')
const onClickLeft = () => {
  router.go(-1);
}
</script>
<style scoped lang="scss">
.container{
  background: #ffffff;
  height: 100%;
  padding-top: 44px;
  overflow: scroll;
  .content{
    text-align: center;
    padding-top: 100px;
    .img{}
    .text{font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 20px;
color: #0CB76C;
line-height: 32px;
font-style: normal;
margin: 20px 0 15px;}
    .countTime{
      font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 14px;
color: #333333;
line-height: 30px;
font-style: normal;
    }
  }
}
</style>
